import React, {Component} from 'react';
import {Button} from '@alifd/next';
import QueueAnim from 'rc-queue-anim';
import Texty from 'rc-texty';
import TweenOne from 'rc-tween-one';
import Logo from './../../../../components/Logo';
import styles from './index.module.scss';
import 'rc-texty/assets/index.css';
import MenuItems from './../MenuItems';
import Header from './../../../../components/Header';

var TweenOneGroup = TweenOne.TweenOneGroup;
export default class ExcellentHomePage extends Component {
    static displayName = 'ExcellentHomePage';

    handleClickMore() {
        console.log("Click More");
    }

    render() {
        return (
            <div className={styles.excellentHomePage} style={{height: '100vh'}}>
                <Header />
                <div className={styles.excellentHomePageBackground}/>
                <div className={styles.excellentHomePageContentWrapper}>
                    <div className={styles.excellentHomePageContent}>
                        <Texty type='scaleBig'
                               mode='random'
                               className={styles.title}>
                            现行贸易环境下高科技企业
                        </Texty>
                        <Texty type='scaleBig'
                               mode='smooth'
                               className={styles.subtitle2}
                               delay={400}
                        >
                            财税综合仿真实验
                        </Texty>
                        <QueueAnim
                            type={['right', 'left']}
                            ease={['easeOutQuart', 'easeInOutQuart']}
                            delay={800}
                        >
                            <div className={styles.excellentHomePageButtons} key='excellentHomePageButtons'>
                                <a href="/" onClick={this.handleClickMore.bind(this)}>欢迎使用</a>
                            </div>
                        </QueueAnim>
                    </div>
                </div>
            </div>
        );
    }
}
